<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Topics</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="../vendors/font-awesome.min.css">
  <link rel="stylesheet" href="../styles.css">

</head>

<body>

<div class="layout">
  <div class="layout__header">
    <a class="header__logo" href="#">Spirit</a>
  </div>
  <div class="layout__admin">
    <h1 class="headline">Flags</h1>
    <div class="admin__flag_menu">
      <div class="admin__flag_menu__mod_by">
        <div class="admin__flag_menu__mod_by__title">
          Moderated by:
        </div>
        <div class="admin__flag_menu__mod_by__user">
          <a href="#">nitely</a>
        </div>
      </div>
      <div class="admin__flag_menu__mark_solved">
        <a class="button" href="#">Mark as solved</a>
      </div>
    </div>
    <h2 class="headline">Comment flagged</h2>
    <div class="comments_list">
      <div class="comments_list__comment">
        <div class="comment__img">
          <img class="comment__img__avatar" src="avatar.png" />
        </div>
        <div class="comment__info">
          <div class="comment__info__username">
            <a class="comment__info__username__link" href="#">nitely</a>
            <div class="comment__info__username__realname">Esteban Castro Borsani</div>
          </div>
          <ul class="comment__info__date">
            <li><a href="#"><i class="fa fa-pencil"></i> 3</a></li>
            <li>4h</li>
          </ul>
        </div>
        <div class="comment__text">
          <p>texto normal</p>
          <p>texto normal long long long long long long long long longs</p>
        </div>
        <div class="comment__footer">
          <ul class="comment__actions">
            <li><a href="#">delete</a></li>
          </ul>
        </div>
      </div>
    </div>
    <h2 class="headline">Reporters</h2>
    <div class="comments_list">
      <div class="comments_list__comment">
        <div class="comment__img">
          <img class="comment__img__avatar" src="avatar.png" />
        </div>
        <div class="comment__info">
          <div class="comment__info__username">
            <a class="comment__info__username__link" href="#">nitely</a>
            <div class="comment__info__username__realname">Esteban Castro Borsani</div>
          </div>
          <ul class="comment__info__date">
            <li><a href="#"><i class="fa fa-pencil"></i> 3</a></li>
            <li>4h</li>
          </ul>
        </div>
        <div class="comment__text">
          <p>texto normal</p>
          <p>texto normal long long long long long long long long longs</p>
        </div>
      </div>
    </div>
  </div>
  <div class="layout__footer">
    <a class="footer__logo" href="http://www.spirit-project.com" >Spirit</a>
  </div>
</div>

</body>

</html>
